<template>
  <div class="demo-block">
    <h4>自动播放</h4>
    <my-carousel height="200px" show-arrow autoplay>
      <my-carousel-item v-for="(item,index) in list" :key="index">
        <div :class="`demo-carousel-${index%2+1}`">{{index+1}}</div>
      </my-carousel-item>
    </my-carousel>
  </div>
</template>

<script>
import { carousel, carouselItem } from "../../../../src/components/carousel";
export default {
  components: {
    "my-carousel": carousel,
    "my-carousel-item": carouselItem,
  },
  data() {
    return {
      list: [1, 2, 3, 4],
    };
  },
};
</script>

<style>
</style>